const puppeteer = require('puppeteer');

const test = async () => {
    // headless这个属性为ture时，就是一个无界面的浏览器
    let options = {
        // 配置视口的对象
        defaultViewport:{
            width:1400,
            height:800
        },
        // 设置为有界面
        headless:false,
        // 配置放慢每个步骤的毫秒数
        slowMo:250
    }
    // 创建一个浏览器实例,可以传一个options对象来进行配置
    let browser = await puppeteer.launch(options);

    // 打开浏览器页面
    let page = await browser.newPage();

    // 链接
    let getUrl = "https://www.dyttcn.com/";

    // 访问页面，把链接丢进来
    await page.goto(getUrl);

    // 获取搜索框
    let inputEle = await page.$('.searchl .formhue');
    // 获取搜索按钮
    let submit = await page.$('.searchr input[name = "Submit"]');
    // console.log(inputEle , submit);

    // 聚焦到输入框
    await inputEle.focus()
    // 输入框内容
    let focusText = '钢铁侠'
    // 把内容填到输入框
    await page.keyboard.type(focusText);
    await submit.click()


}

test();